<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>环境监测系统</title>
<meta name="keywords" content="环境监测系统">
<meta name="description" content="环境监测系统">
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html"/>
<![endif]-->
<link rel="shortcut icon" href="favicon.png">
<link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="/css/plugins/toastr/toastr.min.css" rel="stylesheet">
<link href="/css/animate.css" rel="stylesheet">
<link href="/css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
	<div id="wrapper">
		<!--开始-->
			<div class="row border-bottom">
				<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
					<ul class="nav navbar-top-links navbar-right">
						<!-- <li th:each="menu : ${menus}">
							<a href="#">
								<i class="fa fa fa-bar-chart-o" th:class="${menu.attributes.icon}"></i> 
								<span class="nav-label" th:text="${menu.text}">基础信息</span> <span class="fa arrow"></span>
							</a>
							<ul class="nav nav-second-level">
								<li th:each="cmenu : ${menu.children}">
									<a class="J_menuItem" href="graph_echarts.html" th:text="${cmenu.text}" th:href="${cmenu.attributes.url}">系统管理</a>
								</li>
							</ul>
						</li> -->
						<li>
						<div class="navbg">
  <div class="col960">
    <ul id="navul" class="cl">
      <li class="navhome"><a href="http://sc.chinaz.com" target="_blank">HOME</a></li>
      <li><a href="http://sc.chinaz.com" title="Html">Html</a>
        <ul>
          <li><a href="http://sc.chinaz.com" title="HTML">HTML</a></li>
          <li><a href="http://sc.chinaz.com" title="HTML5">HTML5</a></li>
        </ul>
      </li>
      <li><a href="http://sc.chinaz.com" title="CSS">CSS</a>
        <ul>
          <li><a href="http://sc.chinaz.com" title="CSS入门">CSS入门</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS工具">CSS工具</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS技巧">CSS技巧</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS实例">CSS实例</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS3">CSS3</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS hack">CSS hack</a></li>
          <li><a href="http://sc.chinaz.com" title="CSS2.0 手册">CSS2.0 手册</a></li>
        </ul>
      </li>
      <li><a href="http://sc.chinaz.com" title="网页特效">网页特效</a>
        <ul>
          <li><ul>
          <li><a href="http://sc.chinaz.com" title="导航菜单">导航菜单</a></li>
          <li><a href="http://sc.chinaz.com" title="表单按钮">表单按钮</a></li>
          <li><a href="http://sc.chinaz.com" title="表格图层">表格图层</a></li>
          <li><a href="http://sc.chinaz.com" title="图片特效">图片特效</a></li>
          <li><a href="http://sc.chinaz.com" title="滚动特效">滚动特效</a></li>
          <li><a href="http://sc.chinaz.com" title="文字特效">文字特效</a></li>
          <li><a href="http://sc.chinaz.com" title="时间日期">时间日期</a></li>
          <li><a href="http://sc.chinaz.com" title="窗口特效">窗口特效</a></li>
          <li><a href="http://sc.chinaz.com" title="鼠标特效">鼠标特效</a></li>
        </ul></li>
          
          <li><a href="http://sc.chinaz.com" title="表单按钮">表单按钮</a></li>
          <li><a href="http://sc.chinaz.com" title="表格图层">表格图层</a></li>
          <li><a href="http://sc.chinaz.com" title="图片特效">图片特效</a></li>
          <li><a href="http://sc.chinaz.com" title="滚动特效">滚动特效</a></li>
          <li><a href="http://sc.chinaz.com" title="文字特效">文字特效</a></li>
          <li><a href="http://sc.chinaz.com" title="时间日期">时间日期</a></li>
          <li><a href="http://sc.chinaz.com" title="窗口特效">窗口特效</a></li>
          <li><a href="http://sc.chinaz.com" title="鼠标特效">鼠标特效</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>
						</li>
						<li class="hidden-xs"><a @click="personal" href="#"><i class="fa fa-id-card"></i> <strong class="font-bold" th:text="${name}">admin</strong></a></li>
						<li class="hidden-xs"><a href="/logout"> <i class="fa fa fa-sign-out"></i>退出</a></li>
					</ul>
				</nav>
			</div>
			<div class="row J_mainContent" id="content-main">
				<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="" th:src="@{/main}" frameborder="0" data-id="index_v1.html" seamless></iframe>
			</div>
			<div class="footer">
				<div class="pull-right">环境监测</div>
			</div>
		<!--结束-->
	</div>
	<!-- 全局js -->
	<script src="/js/jquery.min.js?v=2.1.4"></script>
	<script src="/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="/js/plugins/metisMenu/jquery.metisMenu.js"></script>
	<script src="/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="/js/plugins/layer/layer.min.js"></script>
	<!-- 自定义js -->
	<script src="/js/app.js?v=4.1.0"></script>
	<script type="text/javascript" src="/js/contabs.js"></script>
	<!-- 第三方插件 -->
	<script src="/js/plugins/pace/pace.min.js"></script>
	<!-- vue -->
	<script type="text/javascript" src="/js/vue.min.js"></script>
	<script src="/js/appjs/oa/webSocket/sockjs.min.js"></script>
	<script src="/js/appjs/oa/webSocket/stomp.min.js"></script>
	<!-- Toastr script -->
	<script src="/js/plugins/toastr/toastr.min.js"></script>
	<script type="text/javascript">
		var stompClient = null;
		$(function() {
			$(".navbg").capacityFixed();
			connect();
		});

		function connect() {
			var sock = new SockJS("/endpointChat");
			var stomp = Stomp.over(sock);
			stomp.connect('guest', 'guest', function(frame) {
				stomp
						.subscribe("/user/queue/notifications",
								handleNotification);
				stomp.subscribe('/topic/getResponse', function(response) {
					toastr.options = {
						"closeButton" : true,
						"debug" : false,
						"progressBar" : true,
						"positionClass" : "toast-bottom-right",
						"onclick" : null,
						"showDuration" : "400",
						"hideDuration" : "1000",
						"timeOut" : "7000",
						"extendedTimeOut" : "1000",
						"showEasing" : "swing",
						"hideEasing" : "linear",
						"showMethod" : "fadeIn",
						"hideMethod" : "fadeOut"
					}
					toastr.info(JSON.parse(response.body).responseMessage);
				});
			});
			function handleNotification(message) {
				wrapper.notify();
				toastr.info(message.body);
			}
		}

		var wrapper = new Vue({
			el : '#wrapper',
			data : {
				total : '',
				rows : '',
			},
			methods : {
				notify : function() {
					$.getJSON('/oa/notify/message', function(r) {
						wrapper.total = r.total;
						wrapper.rows = r.rows;
					});
				},
				personal : function() {
					layer.open({
						type : 2,
						title : '个人设置',
						maxmin : true,
						shadeClose : false,
						area : [ '800px', '600px' ],
						content : '/sys/user/personal'
					});
				}
			},
			created : function() {
				this.notify()
			}
		})
	</script>
</body>
</html>
